<template>
	<div class="school_wrapper">
		<idenheader leftTitle="个人工商" rightData="数据来自工商总局"></idenheader>
		<div v-show="business.queryState !== 'SUCCESS'" class="shenfen_nopass">此人没有相关记录</div>
		<!--工商注册法定代表人认证列表-->
		<div v-if="business.shareholderList">
			<div class="shenfen_info" v-show="business.shareholderList.length" v-for="share in business.shareholderList">
				<ul class="m-list">
	                <li>
	                    <label>工&nbsp;商&nbsp;类&nbsp;型</label>
	                    <span>工商注册股东认证</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;名&nbsp;称</label>
	                    <span>{{share.entName}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;&nbsp;&nbsp;册&nbsp;&nbsp;&nbsp;号</label>
	                    <span>{{share.regNo}}</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;类&nbsp;型</label>
	                    <span>{{share.entType}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;册&nbsp;资&nbsp;本</label>
	                    <span>{{share.regCap}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;册&nbsp;币&nbsp;种</label>
	                    <span>{{share.regCapCur}}</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;状&nbsp;态</label>
	                    <span>{{share.entStatus}}</span>
	                </li>
	                <li>
	                    <label>认缴出资额</label>
	                    <span>{{share.subConAm}}</span>
	                </li>
	                 <li>
	                    <label>认缴出币种</label>
	                    <span>{{share.currency}}</span>
	                </li>
	            </ul>
			</div>
		</div>
		<!--工商注册管理人员认证列表-->
		<div v-if="business.managementList">
			<div class="shenfen_info" v-show="business.managementList.length" v-for="management in business.managementList">
				<ul class="m-list">
	                <li>
	                    <label>工&nbsp;商&nbsp;类&nbsp;型</label>
	                    <span>工商注册法定代表人认证</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;名&nbsp;称</label>
	                    <span>{{management.entName}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;&nbsp;&nbsp;册&nbsp;&nbsp;&nbsp;号</label>
	                    <span>{{management.regNo}}</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;类&nbsp;型</label>
	                    <span>{{management.entType}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;册&nbsp;资&nbsp;本</label>
	                    <span>{{management.regCap}}</span>
	                </li>
	                <li>
	                    <label>注&nbsp;册&nbsp;币&nbsp;种</label>
	                    <span>{{management.regCapCur}}</span>
	                </li>
	                <li>
	                    <label>企&nbsp;业&nbsp;状&nbsp;态</label>
	                    <span>{{management.entStatus}}</span>
	                </li>
	            </ul>
			</div>
		</div>
	</div>
</template>

<script>
	import idenheader from '../common/idenheader';
	export default {
		data(){
			return{
				listHeight: [],
        		scrollY: 0,
			}
		},
		components:{
			idenheader
		},
		props:['business']
	}
</script>

<style scoped>
	.school_wrapper{
		border: 1px solid #EDEDED;
	    border-radius: 2px 2px 3px 3px;
	}
	.shenfen_info{
		padding: 0 17px;
		border-bottom: 1px solid #EDEDED;
	}
	.shenfen_nopass{
		padding: 0 17px;
		height: 36px;
		line-height: 36px;
        color: #808080;
        border-bottom: 1px solid #EDEDED;
	}
	.m-list{
		padding-top: 10px;
	}
	.m-list li{
		list-style: none;
		margin-bottom:10px;
		font-size: 1.2rem;
	}
	.m-list li label{
		text-align: justify;
    	color: #9b9b9b;
    }
    .m-list li span{
	    color: #212121;
	    margin-left: 16px;
    }
</style>